<?php
$title = '成绩大比拼';
$jquery = 1;
$jquery_mobile = 1;
$min_js = 'compare';
$min_css = 'compare_css';
if(isset($_GET['studentId'])){
	$url = '/wechat-compare/?'.$_SERVER["QUERY_STRING"];
}else{
	$url = '/wechat-compare/';
}

require($_SERVER["DOCUMENT_ROOT"]."/common/header.php");
?>

<body>

<section data-role="page" id="compare">
	<!--
	<header data-role="header" data-position="fixed" data-add-back-btn="true" data-back-btn-text="返回" data-theme="b" data-type="horizontal">
		<h2>四六级查询</h2>
	</header>
	-->
	
	<div data-role="content">
		<form id="studentInfoForm">
			<label for="studentId">请输入学号：</label>
			<input name="studentId" id="studentId" value="" type="text" placeholder="请输入学号">
			<input value="查询" id="submitBtn" data-theme="b" type="button">
		</form>
	</div>
	
	<div data-role="footer" data-position="fixed" data-theme="b" data-type="horizontal">
		<h2>成绩大比拼@wit-helper</h2>
	</div>
</section>

<section data-role="page" id="result">
	
	<!--
	<header data-role="header" data-position="fixed" data-theme="b" data-type="horizontal">
		<a href="#search" class="ui-btn ui-corner-all ui-shadow ui-btn-left ui-btn-b ui-icon-carat-l ui-btn-icon-left" data-rel="back">返回</a>
		<h2>查询结果</h2>
	</header>
	-->
	
	<div data-role="content" id="resultContent">
		<p id="score-text"><span id="name"></span>童鞋</br>根据你的成绩</br>工大助手判断你的战斗力为</p>
		<h1 id="score"></h1>
		<p id="percent-text">击败了工大<span id="percent"></span>的同学</br>被助手君封为</p>
		<h2 id="title"></h2>
		<img id="img" src="#"></img>
		<fieldset class="ui-grid-a" id="btnClass">
			<div class="ui-block-a">
				<a href="#scoreboard" data-rel="dialog" data-role="button">战斗力构成</a>
			</div>
			<div class="ui-block-b" id="shareBtn">
				<a href="#shareArrow" data-role="button" id="share" data-theme="b">分享</a>
			</div>
		</fieldset>
		<fieldset class="ui-grid-solo">
			<div class="ui-block-a">
				<a href="#compare" data-role="button">返回继续查询战斗力</a>
			</div>
		</fieldset>
	</div>
	
	<div data-role="footer" data-position="fixed" data-theme="b" data-type="horizontal">
		<h2>成绩大比拼@wit-helper</h2>
	</div>
</section>

<section data-role="page" id="shareArrow">
	<div data-role="content">
		<img src="./images/arrow.png"></img>
		<a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-rel="back"></a>
	</div>
</section>

<a href="#warning" id="warningBtn" data-rel="dialog" data-transition="pop"></a>
<section data-role="dialog" data-theme="b" id="warning">
	<div data-role="header">
		<h1>提示</h1>
	</div>
	<div data-role="content">
		<p id="warnText"></p>
		<a data-role="button" data-rel="back">返回</a>
	</div>
</section>

<section data-role="dialog" data-theme="b" id="scoreboard">
	<div data-role="header">
		<h1>战斗力详情</h1>
	</div>
	<div data-role="content">
		<p>总分：<span id="score2"></span></p>
		<p>基础分：<span id="base"></span></p>
		<p>努力分：<span id="gpa"></span></p>
		<p>奖励分：<span id="bonus"></span></p>
		<a data-role="button" data-rel="back">返回</a>
	</div>
</section>

</body>
</html>
